<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta name="author" content="中文Lee 360811363@qq.com">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../css/public.css" media="all">
    <!--
    * [LupMisNotAllowedSync]
    * 本代码为系统自动生成代码，请根据自己业务进行修改;
    * 生成时间 2022-02-15 18:29:17;
    * 版权所有 2020-2022 lizhongwen，并保留所有权利;
    * 说明: 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用；不允许对程序代码以任何形式任何目的的再发布;
    * 作者: 中文Lee;
    * 作者主页: http://www.lizhongwen.com;
    * 邮箱: 360811363@qq.com;
    * QQ: 360811363;
    -->
    <style>
        .layui-anim-upbit {
            position: absolute;
        }
    </style>
</head>

<body>
    <div class="layuimini-container">
        <div class="layuimini-main">

            <form class="layui-form" action="">
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">页面接口</label>
                        <div class="layui-input-block">
                            <select name="page_id" lay-search="" lay-verify="required" lay-filter="page_id">
                            <option value="">请选择页面接口</option>
                        </select>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">功能名称(按钮名)</label>
                        <div class="layui-input-block">
                            <input type="text" name="action_name" lay-verify="required" lay-reqtext="请输入功能名称(按钮名)" placeholder="请输入功能名称(按钮名)" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">映射数据表</label>
                        <div class="layui-input-block">
                            <select name="table_name" lay-search="">
                            <option value="">请选择映射数据表</option>
                        </select>
                        </div>
                    </div>
                </div>

                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">功能(按钮)编码</label>
                        <div class="layui-input-block">
                            <input type="text" name="code" autocomplete="off" placeholder="请输入功能(按钮)编码" class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">绑定事件</label>
                        <div class="layui-input-block">
                            <input type="text" name="bind_event" autocomplete="off" placeholder="请输入绑定事件" class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">提示标题</label>
                        <div class="layui-input-block">
                            <input type="text" name="tips" autocomplete="off" lay-verify="required" lay-reqtext="请输入提示标题" placeholder="请输入提示标题" class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-col-md12">
                    <div class="layui-form-item">
                        <label class="layui-form-label">按钮颜色：</label>
                        <div class="layui-input-block" style="display:flex;">

                            <div style="padding:0px;margin:0px; width: 110px; display: flex;">
                                <div class="layui-input-inline" style="width: 110px;padding:0px;margin:0px">
                                    <input type="text" name="bg_color" value="" id="bg_color" placeholder="选择颜色" lay-verify="required" class="layui-input">
                                </div>
                                <div class="layui-inline" style="left:-1px;padding:0px;margin:0px">
                                    <div id="bg_color-form" style="padding:0px;margin:0px"></div>
                                </div>
                            </div>

                            <div style="line-height: 18px;padding-left:5px;display: flex;flex:1;">
                                <span style="display: flex;background: #009688;padding:10px; color:#ffffff;font-size:8px;!important" onclick="setColor('#009688');">#009688</span>
                                <span style="display: flex;background: #ff5722;padding:10px; color:#ffffff;font-size:8px;!important" onclick="setColor('#ff5722')">#ff5722</span>
                                <span style="display: flex;background: #1e9fff;padding:10px; color:#ffffff;font-size:8px;!important" onclick="setColor('#1e9fff')">#1e9fff</span>
                                <span style="display: flex;background: #01c924;padding:10px; color:#ffffff;font-size:8px;!important" onclick="setColor('#01c924')">#01c924</span>

                                <span style="display: flex;background: #685aab;padding:10px; color:#ffffff;font-size:8px;!important" onclick="setColor('#685aab')">#685aab</span>
                                <span style="display: flex;background: #d500ff;padding:10px; color:#ffffff;font-size:8px;!important" onclick="setColor('#d500ff')">#d500ff</span>
                                <span style="display: flex;background: #ff0000;padding:10px; color:#ffffff;font-size:8px;!important" onclick="setColor('#ff0000')">#ff0000</span>
                                <span style="display: flex;background: #fdb11a;padding:10px; color:#ffffff;font-size:8px;!important" onclick="setColor('#fdb11a')">#fdb11a</span>
                                <span style="display: flex;background: #2f4056;padding:10px; color:#ffffff;font-size:8px;!important" onclick="setColor('#2f4056')">#2f4056</span>

                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">请求方式</label>
                        <div class="layui-input-block">
                            <select name="target_type" lay-search="">
                        <option value="">请选择请求方式</option>
                        <option value="openFrame">openFrame （弹出层）</option>
                        <option value="doApi">doApi （调用API接口）</option>
                    </select>
                        </div>
                    </div>
                </div>

                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">Frame宽度</label>
                        <div class="layui-input-block">
                            <input type="text" name="width" value="100%" autocomplete="off" lay-verify="required" lay-reqtext="请输入Frame宽度" placeholder="请输入Frame宽度" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">Frame高度</label>
                        <div class="layui-input-block">
                            <input type="text" name="height" value="100%" autocomplete="off" lay-verify="required" lay-reqtext="请输入Frame高度" placeholder="请输入Frame高度" class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">前端地址</label>
                        <div class="layui-input-block">
                            <input type="text" name="jump" value="#" autocomplete="off" lay-verify="required" lay-reqtext="请输入前端地址" placeholder="请输入前端地址" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">查询接口</label>
                        <div class="layui-input-block">
                            <input type="text" name="query_url" value="#" autocomplete="off" lay-verify="required" lay-reqtext="请输入查询接口" placeholder="请输入查询接口" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">数据提交接口</label>
                        <div class="layui-input-block">
                            <input type="text" name="api_url" value="#" autocomplete="off" lay-verify="required" lay-reqtext="请输入数据提交接口" placeholder="请输入数据提交接口" class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">状态</label>
                        <div class="layui-input-block">
                            <input type="checkbox" checked id="switch" lay-skin="switch" lay-text="ON|OFF" lay-filter="status">
                            <input type="hidden" name="status" autocomplete="off" value="1" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">排序</label>
                        <div class="layui-input-block">
                            <input type="number" name="sort" value="255" lay-verify="required|number" lay-reqtext="请输入排序" placeholder="请输入排序" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="form-submit">立即提交</button>
                    </div>
                </div>
            </form>



        </div>
    </div>

    <script src="../../../js/run.js"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script type="text/javascript">
        var webpath = "./script/add.js?v=" + static_version;
        document.write('<scr' + 'ipt src="' + webpath + '"></scr' + 'ipt>');
    </script>
</body>

</html>